<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link rel="stylesheet" href="/js/bootstrap-table/bootstrap-table-1.18.3.min.css">
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>

    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2882366_pmgtnul7k8h.css">
    <link rel="stylesheet" href="/css/skin.css"/>
    <style>
        .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
            width: 100%;
        }
        .set{
            width: 27px;
            height: 27px;
            background: #FFF3D5;
            margin-right: 5px;
            border-radius: 4px;
            display: inline-block;
            text-align: center;
            line-height: 27px;
        }
        .bootstrap-table .fixed-table-container .fixed-table-body {
            overflow-y: auto;
        }
    </style>
</head>
<body>
<div class="container-fluid p-t-15">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h1>双十一业绩报表 </h1>
                <div class="pull-right" style="display: flex">
                    <span><span class="set"><i class="iconfont icon-lingdang" style="color: #FFCB7A;"></i></span>数据为实时更新数据！</span>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="well form-well" style="height: 600px">
                            <h3>员工月度数据</h3>
                            <div class="row">
                                <div  class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pull-right">
                                    <div class='col-lg-3 col-md-3 col-sm-6 col-xs-12 pull-right' >
                                        <select class="pull-right select" id="selectReview" name="selectReview" type="text" placeholder="请选择司龄">
                                            <option value="">请选择司龄</option>
                                            <option value="2004-2010">2004-2010</option>
                                            <option value="2011-2015">2011-2015</option>
                                            <option value="2016-2017">2016-2017</option>
                                            <option value="2018-2019">2018-2019</option>
                                            <option value="2020-2021">2020-2021</option>
                                        </select>
                                    </div>
                                    <div class='col-lg-3 col-md-3 col-sm-6 col-xs-12 pull-right' >
                                        <div class="form-group" style="width: 100%">
                                            <div class='input-group' >
                                                <input type='text' class="form-control time" id='datetimepicker'  placeholder="请输入起始时间" autocomplete="off"  style="height: 36px;border-right: none;"/>
                                                <span class="input-group-addon" style="background: #ffffff;">
                                               <span class="mdi mdi-calendar-range" style="font-size: 18px"></span>
                                               </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class='col-lg-3 col-md-3 col-sm-6 col-xs-12 pull-right' >
                                        <div class="form-group" style="width: 100%">
                                            <div class='input-group' >
                                                <input type='text' class="form-control time" id='yearTime'  placeholder="请输入起始时间" autocomplete="off"  style="height: 36px;border-right: none;"/>
                                                <span class="input-group-addon" style="background: #ffffff;">
                                               <span class="mdi mdi-calendar-range" style="font-size: 18px"></span>
                                               </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <table id="staffMonth"></table>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                        <div class="well form-well" style="height: 600px">
                            <h3>员工双十一数据</h3>
                            <div class="row">
                                <div  class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pull-right">
                                    <div class='col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-right' >
                                        <select class="pull-right select" id="selectReview1" name="selectReview" type="text" placeholder="请选择司龄">
                                            <option value="">请选择司龄</option>
                                            <option value="2004-2010">2004-2010</option>
                                            <option value="2011-2015">2011-2015</option>
                                            <option value="2016-2017">2016-2017</option>
                                            <option value="2018-2019">2018-2019</option>
                                            <option value="2020-2021">2020-2021</option>
                                        </select>
                                    </div>
                                    <div class='col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-left' >
                                        <div class="form-group" style="width: 100%">
                                            <div class='input-group'>
                                                <input type='text' class="form-control time"   id='datetimepicker1' style="height: 36px;border-right: none;"/>
                                                <span class="input-group-addon" style="background: #ffffff;">
                                           <span class="mdi mdi-calendar-range" style="font-size: 18px"></span>
                                           </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <table id="doubleEleven"></table>
                        </div>
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="well form-well">
                            <h3>前30排名</h3>
                            <table id="staffRank"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<!--<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>-->
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<script src="/js/crm/common/city.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-multitabs/multitabs.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>

<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/report/reportForNovember.js"></script>
</body>
</html>